<template>
    <div class="video-box">
        <div class="clearfix dingbu">
            <img class="fl" src="../../assets/image/center/jtb.png" alt="" @click="$router.back(-1)">
            <img @click="shareBox()" class="fr" src="../../assets/image/detail/icon_share@2x.png" alt="">
        </div>
        <div class="video" style="">
            <iframe class="video_iframe" src="http://v.qq.com/iframe/player.html?vid=n0750yg9p1q" allowfullscreen="" frameborder="0" height="300" width="100%"></iframe>
        </div>
        <h3>简单竞戈官方宣传片《简单竞戈，让你不再孤单...》</h3>
        <div class="neirong">
            <p>本片通过真实职业陪玩师的视角，讲述他们在几年的陪玩工作中，自己的生活经历和成长变化。画面清新唯美，背景音乐轻松舒缓，随着视频中的旁白，刻画出陪玩师的成长轨迹和内心独白，逐渐带领我们深度融入陪玩师的每一天。</p>
            <p>“我希望游戏带来更多的欢乐，我希望陪伴来的更加简单”短片并未聚焦于简单竞戈产品功能介绍，而是通过两个普通陪玩师几年的工作经历，并截取他们工作、休息、吃饭、逛街等几个关键的日常生活场景，将其与简单竞戈联系起来，从侧面反映简单竞戈的真实含义：生活其实可以简单一点。</p>
            <p>最后传递出“简单竞戈，让你不再独单”这样的主题，刻画出大都市生活的人群，表面的忙碌与内心的孤独。</p>
        </div>
        <van-popup v-model="share" position="bottom" class="yw-popup-share">
            <share></share>
        </van-popup>
    </div>
</template>
<script>
import share from '@/components/common/share'
export default {
    data(){
        return{
            share:false,
            locationHref:window.location.href,
        }
    },
    components:{
        share
    },
    methods:{
        // 分享
        shareBox(){
            let self = this
            if(this.$store.state.iosTrue == true){
                let st = `${self.locationHref}|视频推广页|''`
                window.webkit.messageHandlers.wxShare.postMessage(st)
            }else{
                self.share = !self.share
            }
        },
    }
}
</script>

<style scoped>
.video-box{
    position: relative;
}
.dingbu{
    position: absolute;
    left: .6rem;
    top :.5rem;
    width: calc(100% - 1.2rem);
    z-index: 99;
}
.dingbu img{
    width: 1rem;
}
h3{
    text-align: center;
    color: #333;
}
.video{
    width: 100%;
}
.neirong{
    padding: 0 .6rem;
    font-size: .3rem;
    color: #666;
    line-height: .8rem;
}
p{
    text-indent:1rem;
}
iframe{
    border: none;
}
</style>

